import {StyleProp, Text, View, ViewStyle} from "react-native";
import {Icon, useTheme} from "@rn-vui/themed";

type EmptyProps = {
    description?: string | null,
    iconSize?: number,
    style?: StyleProp<ViewStyle>
}
const Empty = ({description = null, iconSize = 80, style = {}}: EmptyProps) => {
    const {colors} = useTheme().theme;

    return (
        <View style={[
            {
                paddingVertical: 10,
                alignItems: 'center',
                justifyContent: 'center',
                height: 200,
            },
            style
        ]}>
            <Icon
                size={iconSize}
                color={colors.grey3}
                name={'child-care'}
                suppressHighlighting={true}
            />
            {
                description ? (
                    <Text style={{fontSize: 16, color: colors.grey3, marginTop: 15}}>{description}</Text>
                ) : null
            }
        </View>
    )
}
export default Empty;
